<template>
  <div class="container">
      <router-view></router-view>
  </div>
</template>

<script>
  export default {
    data() {
      return {
      };
    },
    methods: {
      
    },
    created() {
  
    },
    beforeDestroy() {
      window.localStorage.removeItem("id")
      window.localStorage.removeItem("RecipeListData")
      window.localStorage.removeItem("RecommendData")
      window.localStorage.removeItem("SubClassidData")
    },
  }
</script>

<style lang="less" scoped>
@import url("./assets/css/base.css");
.slide-right-enter-active, .slide-right-leave-active, .slide-left-enter-active, .slide-left-leave-active {
      will-change: transform;
      transition: all 500ms;
      position: absolute;
    }
 
    .slide-right-enter {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
 
    .slide-right-leave-active {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
 
    .slide-left-enter {
      opacity: 0;
      transform: translate3d(100%, 0, 0);
    }
 
    .slide-left-leave-active {
      opacity: 0;
      transform: translate3d(-100%, 0, 0);
    }
</style>
